<template>
    <div class="home-header-box">
        <div class="left">
            <span class="iconfont">
                &#xe685;
            </span>
        </div>
        <div class="center">
            <span class="iconfont">
                &#xe67d;
            </span>
            <div>输入城市/景点/游玩主题</div>
        </div>
        <div class="right">
            北京<span class="iconfont">&#xe688;</span>
        </div>
    </div>
</template>

<script>
export default {
}
</script>

<style lang="stylus" scope>
@import '~@/assets/stylus/styl.styl'
.home-header-box
    background-color $backColor
    height .88rem
    display flex
    color #fff
    font-size .36rem
    line-height .88rem
    .left
        width .4rem
        padding 0 .2rem

    .center
        flex 1
        display flex
        background-color #fff
        color #eee
        height .6rem
        line-height .6rem
        margin .14rem 0
        border-radius .1rem
        font-size .29rem
        font-weight 600
        .iconfont 
            padding 0 .1rem 

    
    .right 
        width 1rem
        padding 0 .2rem
        font-size .29rem
            

    
</style>
